<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" />
<meta name="copyright" content="">
<meta name="author" content="">
<title>民办学校是什么意思</title>
<!-- <link rel="stylesheet" href="./static/css/style.css"> -->
<link rel="stylesheet" href="./static/css/element-ui.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="./static/js/swiper-4.5.3.min.js"></script>
<link rel="stylesheet" href="./swiper/swiper.min.css" />
<script src="./static/js/element-ui.js"></script>
<script src="./static/js/js.js"></script>
</head>

<body>
  <div id="app" class="sl-mbwhat">
    <my-header :type="3">
      <template v-if="con">
        <div class="ny-banner" :style="'background-image: url(' + con.banner+')'" v-if="con.banner"></div>
        <div class="gj-how-main1 box">
          <div class="tit">《什么是民办学校》</div>
          <div class="desc" v-html="con.desc"></div>
          <div class="line"></div>
          <div class="gj-how-tit">什么样的家庭适合选择民办学校</div>
          <dl class="what-list flex-bect" @mousemove="move">
            <dd v-for="(item, i) in con.what" :key="i" class="item" :data-i="i" :class="{on : whatIdx == i}">
              <b class="num" :data-i="i">0{{i+1}}</b>
              <div class="name-box flex-ct" :data-i="i">
                <div v-for="(item1, j) in item.name1" :key="j" class="name" :data-i="i">{{item1}}</div>
              </div>
              <div class="div" :data-i="i">
                <div class="h2 row3" :data-i="i">{{item.name}}</div>
                <div class="desc" v-html="item.desc" :data-i="i"></div>
                <a href="" class="kfbtn btn" :data-i="i">详情咨询</a>
              </div>
              
            </dd>
          </dl>
        </div>
        <div class="gj-yygz-main3">
          <div class="box clearfix">
            <div class="gj-how-tit flex-bect">
              <span>民办学校怎么选？根据年级择校</span>
              <div class="flex-rict tabs" v-if="tabs">
                <span v-for="(item, i) in tabs" :key="i" class="tab-item" :class="{on:tabId == item.id}" @click="getSchool(item.id)">{{item.name}}</span>
              </div>
            </div>
            <div class="list" v-if="school">
              <a v-for="(item, i) in school" :key="i" :href="router.gjDetail+'?id='+item.id" class="item flex-bect ease">
                <div class="imgW"><img :src="item.src" alt="" class="img"></div>
                <div class="div flex1">
                  <div class="title row1">{{item.name}}<b class="lab">招生年级：{{item.nj}}</b></div>
                  <div class="p">课程方向：<b>{{item.kc}}</b></div>
                  <div class="p">授课方式：<span class="money">{{item.way}}</span></div>
                  <div class="p row1"> 学校详情：{{item.desc}}</div>
                </div>
                <div class="line"></div>
                <div class="btn-box">
                  <span class="btn">进入学校</span>
                  <div class="address">{{item.address}}</div>
                </div>
              </a>
            </div>
            <div class="flex-ct page"><el-pagination background layout="total, prev, pager, next" :total="total" :page-size="4" @current-change="handleCurrentChange"></el-pagination></div>
          </div>
        </div>
        
        <gj-hownews v-if="con && con.list" :con="con.list" title="民办学校新闻动态，择校指南"></gj-hownews>
        
      </template>
    </my-header>
  </div>
  <style>
    
  </style>
  <script type="text/babel">
    let time = new Date().getTime();
    let router = getPath()
    new Vue({
      el: '#app',
      components: {
        'my-header': httpVueLoader('./components/header.vue?time='+time),
        'gj-how': httpVueLoader('./components/gj_how.vue?time='+time),
        'gj-hownews': httpVueLoader('./components/gj_hownews.vue?time='+time),
        
      },
      data:{
        router:router,
        con:null,
        total:20,
        school:null,
        tabs:null,
        tabId:1,
        whatIdx:0
      },
      mounted() {
        this.getCon();
      },
      
      methods: {
        move(e){
          let i = e.target.dataset.i
          // console.log('eeee',i)
          if(Number(i) > -1){
            this.whatIdx = i
          }
          
        },
        // 获取对应的高中学校
        getSchool(id){
          this.tabId = id;
          console.log("通过接口获取对应的学校")
        },
        handleCurrentChange(e){
          console.log('翻页，',e)
        },
        
        getCon(){
          this.tabs = [{id:1, name:"优质民办小学"}, {id:2, name:"优质民办初中"}, {id:3, name:"优质民办高中"}]
          this.school = [
            {id:1, src:"./static/image/nav/gj-logo1.png", kc:"香港课程  双语课程  艺术课程  加拿大课程  美国课程  ALevel课程", way:"双语、纯英", desc:"北京市朝阳区博雅学校创办于2010年，坐落于北京市朝阳区金盏中心区域，距北京首都国际机场...", address:"天津市武清区", nj:"十年级,十一年级,十二年级", name:"北京博雅学校初中部"},
            {id:2, src:"./static/image/nav/gj-logo1.png", kc:"双语课程", way:"双语、纯英", desc:"北京市朝阳区博雅学校创办于2010年，坐落于北京市朝阳区金盏中心区域，距北京首都国际机场...", address:"天津市武清区", nj:"十年级,十一年级,十二年级", name:"北京博雅学校初中部"},
            {id:3, src:"./static/image/nav/gj-logo1.png", kc:"双语课程", way:"双语、纯英", desc:"北京市朝阳区博雅学校创办于2010年，坐落于北京市朝阳区金盏中心区域，距北京首都国际机场...", address:"天津市武清区", nj:"十年级,十一年级,十二年级", name:"北京博雅学校初中部"},
            {id:4, src:"./static/image/nav/gj-logo1.png", kc:"双语课程", way:"双语、纯英", desc:"北京市朝阳区博雅学校创办于2010年，坐落于北京市朝阳区金盏中心区域，距北京首都国际机场...", address:"天津市武清区", nj:"十年级,十一年级,十二年级", name:"北京博雅学校初中部"},
          ]
          
          let wdesc="外地户口家庭学生因户口问题或证件不全等原因，不能正常入学公办学校，可以选择民办学校就读，民办学校招生条件宽松，招生面向全市甚至全国，不受户籍学籍影响，没有一线城市户口的家庭也可以选择民办学校就读。"
          this.con = {
            banner: './static/image/sl_12_qb/banner.png',
            desc:"很多家长在选择学校的时候都会考虑私立学校和公立学校哪个更适合孩子，随着近几年私立学校的发展，越来越多的家长更愿意让孩子读私立学校那私立学校和公立学校区别有哪些呢，应该如何选择适合孩子的学校类型呢？为此，我们将私立学校和公立学校区别进行梳理，从私立学校和公立学校定义、择校误区、优势对比、招生区别、适合人群等方面为大家详细解答，还在为选择就读私立学校和公立学校而发愁的家长可以重点了解下",
            what:[
              {name:"外地户口学生没有办法在当地上学的家庭", name1:["法在当地上学的家庭","外地户口学生没有办"], desc:wdesc},
              {name:"外地户口学生没有办法在当地上学的家庭", name1:["法在当地上学的家庭","外地户口学生没有办"], desc:wdesc},
              {name:"公立校招生名入学激烈 进不去公办的家庭",name1:["进不去公办的家庭","公立校招生名入学激烈"], desc:wdesc},
              {name:"幼升小、小升初摇号失 败不满意的家庭",name1:["败不满意的家庭","幼升小、小升初摇号失"], desc:wdesc},
              {name:"所在区没学可上,公办民办 都进不去,需跨区上学家庭",name1:["都进不去,需跨区上学家庭","所在区没学可上,公办民办"], desc:wdesc},
              {name:"希望孩子英文水平可以得 到较大提升的家庭",name1:["到较大提升的家庭","希望孩子英文水平可以得"], desc:wdesc},
              {name:"希望孩子丰富兴趣，在兴 趣特长上能得到培养的家庭",name1:["趣特长上能得到培养的家庭","希望孩子丰富兴趣，在兴"], desc:wdesc},
              {name:"家长工作繁忙，没有精力不 能全职辅导学生的家庭",name1:["能全职辅导学生的家庭","家长工作繁忙，没有精力不"], desc:wdesc}
            ],
            list:{
              news:[
                {id:1, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:2, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:3, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:4, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:5, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:6, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:7, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
                {id:8, time:"04-14", name:"2023年天津中小学一贯制可寄宿国际学校推荐(附学费)"},
              ],
              labs:[
                {id:1, text:'<span class="sp">孩子成绩不好</span>，北京哪所国际学校比较好考?'},
                {id:2, text:'"就读国际学校后还能<span class="sp">转回普通学校</span>吗?'},
                {id:4, text:'听说读国际学校要<span class="sp">年收入过百万</span>，真的假的?'},
                {id:5, text:'孩子读国际学校还可以<span class="sp">参加高考</span>吗?'},
                {id:6, text:'考<span class="sp">美国藤校、英国牛津、剑桥</span>选哪所国际学校好?'},
                {id:7, text:'读国际学校的孩子<span class="sp">出路</span>好吗?'},
                {id:3, text:'国际学校每年发布的大学<span class="sp">录取榜单</span>是真的还是假的?'},
              ]
            }
            
          }
        }
      }
    })
  </script>
  <link rel="stylesheet" href="./static/animation/animate.min.css" />
  <script type="text/javascript" src="./static/animation/wow.min.js"></script>
  <script>
      var wow = new WOW({
          boxClass: 'wow',
          animateClass: 'animated',
          offset: 0,
          mobile: false,
          live: true
      });
      wow.init();
  </script>
  
</body>
</html>